/* mine/pages/messagenotification/messagenotification.wxss */
@import "../../../commin/commin.less";
.containers{
    .kuan(84%);
    margin: 20rpx auto;
    padding: 40rpx 35rpx;
    background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
    border: 2px solid #FFFFFF;
    box-shadow: 4px 7px 20px 0px rgba(166, 171, 179, 0.24);
    border-radius: 16px;
    .containers-in{
        border-bottom: 1rpx solid #DCDFE6;
        display: grid;
        grid-template-columns: 80% 20% ;
        .containers-title{
            font-size: 30rpx;
            font-family: PingFang SC;
            font-weight: 500;
            color: #18181A;
        }
        .containers-sm{
            .kuan(500rpx);
            .fontsize(24rpx);
            font-family: PingFang SC;
            font-weight: 500;
            color: @text-color3;
            .lineheight(60rpx);
        }
        .kaiguan{
            float: right;
        }
        &:last-child{
            padding-top: 30rpx;
            border-bottom: none;
        }
    }
}
.bottom{
    background: linear-gradient(105deg, #2B99FF, #1B8CF5);
    box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
    border-radius: 44rpx;
    .kuangao(84%, 88rpx);
    margin: 100rpx auto;
    color: @white-color;
    text-align: center;
    line-height: 88rpx;
    .cursor()
}